﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>蓝领</title>
<!---------------------------------- 页面基本设置禁止随意更改 ------------------------------------------>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="index" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="renderer" content="webkit" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!---------------------------------- 页面基本设置禁止随意更改 -------------------------------------------->
<!---------------------------------- 基础CSS类库可随意更改 ---------------------------------------------->
<link type="text/css" rel="stylesheet" href="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/css/reset.css?v={yun:}$config.cachecode{/yun}" />
<link type="text/css" rel="stylesheet" href="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/css/pin.css?v={yun:}$config.cachecode{/yun}" />
<!---------------------------------- 基础CSS类库可随意更改结束 -------------------------------------------->
<!-- 分页插件样式开始 -->
<!--<link type="text/css" rel="stylesheet" href="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/js/plug/jqpagination/jqpagination.css?v={yun:}$config.cachecode{/yun}">-->
<!-- 分页插件样式结束 -->
<!---------------------------------- 基础js类库可随意更改 ---------------------------------------->
<script type="text/javascript" src="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/js/jquery.1.11.3.min.js?v={yun:}$config.cachecode{/yun}"></script>
<!---------------------------------- 基础js类库可随意更改 ---------------------------------------->
<!-- 分页插件类库开始 -->
<!--<script type="text/javascript" src="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/js/plug/jqpagination/jquery.jqpagination.js?v={yun:}$config.cachecode{/yun}"></script>-->
<!-- 分页插件类库结束 -->
    <script>
        weburl = "{yun:}$config.sy_weburl{/yun}";
    </script>
<script type="text/javascript">
$(function(){
  // <!-----------页面tab切换开始---------->
   $(".js-tab .tab-h li").click(function(){
		var i=$(this).index();
		$(this).addClass("active").siblings("li").removeClass("active");
		$(this).parents(".js-tab").find(".tab-con").eq(i).show().siblings(".tab-con").hide();

		})
  // <!-----------页面tab切换结束---------->
    //<!-----------页面tab切换结束---------->
    var mytabpost="{yun:}$type{/yun}";
    if (mytabpost==2) {
        $(".js-tab .tab-h li").eq(1).addClass("active").siblings("li").removeClass("active");
        $(".js-tab .tab-con").eq(1).show().siblings(".tab-con").hide();
//        $(".js-tab .tab-h li").eq(1).trigger("click");
    }
    else{
//        $(".js-tab .tab-h li").eq(0).trigger("click");
        $(".js-tab .tab-h li").eq(0).addClass("active").siblings("li").removeClass("active");
        $(".js-tab .tab-con").eq(0).show().siblings(".tab-con").hide();
    }
    <!--路径选择切换的js开始-->
    $("#mytabvalue").click(function(){
        var val=$(".js-tab .tab-h li.active").attr("value");
        $("#from1 #tabinput").attr("value",val);
    })
    $(document).ready(function () {
        console.log("jquery====》document ready2");
    });
//    //<!-----------分页插件开始---------->
//    $('#pagination1').jqPagination({
//        link_string: '{yun:}$config.sy_weburl{/yun}/jingjiren/index.php?c=myclient&page={page_number}',
//        page_string: '第{current_page}页', //文本框中显示的页码样式
//        max_page: 40,
//        paged: function(page) {
//        // 回传方法
//        // alert(page)
//    }
//    });
//    $('#pagination2').jqPagination({
//        link_string: '{yun:}$config.sy_weburl{/yun}/jingjiren/index.php?c=myclient&page={page_number}',
//        page_string: '第{current_page}页', //文本框中显示的页码样式
//        max_page: 40,
//        paged: function(page) {
//        // 回传方法
//        // alert(page)
//    }
//    });
//    //<!-----------分页插件结束---------->
})
</script>

<body>
<div class="pin_box pin_tbox">
    <!-----------------头部标题开始----------------->
    <div class="pin_title">
        <a href="index.php?c=home" class="titleback"></a>
        <span class="titlename">我的客户</span>
    </div>
    <!-----------------头部标题结束----------------->
    <form method="get" action="index.php?" name="from1" id="from1">
        <!--<input name="m" value="jingjiren" type="hidden"/>-->
        <input name="c" value="myclient" type="hidden"/>
        <input name="type" value="{yun:}$type{/yun}" type="hidden" id="tabinput"/>

        <div class="apply_searchbox">
            <input type="text" class="input" name="keyword" value="{yun:}$keyword{/yun}" placeholder="请输入搜索内容" id="mytabvalue">
            <!--<span class="search" onclick="document.getElementById('form1').submit();"></span>-->
            <input type="submit"  class="search" />
        </div>

    </form>
    <div class="pin_bcon">
        <div class="pin_scroll">
            <div class="js-tab">
                <div class="tab-h tabstyle_1">
                    <ul>
                        <li value="1">待处理</li>
                        <li value="2">已处理</li>
                    </ul>
                </div>
                <!--已处理-->
                <div class="tab-con" style="display:block;" id="daichuli">
                    <div class="client_box">

                    </div>
                    <!-- 加载更多 -->
                    {yun:}if $page>0{/yun}
                    <div class="loadmore" now="{yun:}$page1{/yun}" num="{yun:}$no_num{/yun}">
                    {yun:}else{/yun}
                    <div class="loadmore" now="1" num="{yun:}$no_num{/yun}">
                    {yun:}/if{/yun}
                        {yun:}if $no_num>1{/yun}
                        <a href="javascript:;">加载更多</a>
                        {yun:}/if{/yun}
                    </div>
                </div>
                <!--待处理-->
                <div class="tab-con" id="yichuli">
                    <div class="client_box">

                    </div>
                    <!-- 加载更多 -->
                    {yun:}if $page>0{/yun}
                    <div class="loadmore" now="{yun:}$page2{/yun}" num="{yun:}$num{/yun}">
                    {yun:}else{/yun}
                    <div class="loadmore" now="1" num="{yun:}$num{/yun}">
                    {yun:}/if{/yun}
                        {yun:}if $num>1{/yun}
                        <a href="javascript:;">加载更多</a>
                        {yun:}/if{/yun}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

</html>
<script type="text/javascript">
    $(function() {
        var keyword = $("#mytabvalue").val();
        var page2 = "{yun:}$page2{/yun}";
        if(page2 > 0){

        }else{
            page2 = 1;
        }
        //已处理初次加载
        $.ajax({
            //通过ajax传页数参数获取当前页数的数据,ajax_more_case.php代码参考php分页功能
            url: 'index.php?m=jingjiren&c=userentry1&type=2&page2='+page2+'&keyword='+keyword+'',
            type: 'GET',
            cache: false,
            dataType: "json",
            success: function(data) {
                $.each(data, function(index, obj) {
                    $("#yichuli .client_box").append(
                            "<a href='index.php?c=info&user_id="+obj['user_id']+"&type=2&page="+obj['page2']+"'>" +
                            "<div class='client_list'>" +
                            "<div class='client_icon'><img src=" + obj['user_avatar'] + "></div>" +
                            "<div class='client_info'>" +
                            "<div class='name'>" + obj['username'] + "<div style='float:right;'>"+obj['create_time']+"</div></div>" +
                            "<div class='company'>" + obj['work_status'] + "</div>" +
                            "</div>" +
                            "</div>" +
                            "</a>"
                    );
                });
            },
            error: function() {
                $('.yichuli .loadmore a').text('加载错误,请刷新页面！');
            }
        });
        //未处理初次加载
        var page1 = "{yun:}$page1{/yun}";
        if(page1 > 0){

        }else{
            page1 = 1;
        }
        $.ajax({
            //通过ajax传页数参数获取当前页数的数据,ajax_more_case.php代码参考php分页功能
            url: 'index.php?m=jingjiren&c=userentry1&type=1&page1='+page1+'&keyword='+keyword+'',
            type: 'GET',
            cache: false,
            dataType: "json",
            success: function(data) {
                $.each(data, function(index, obj) {
                    $("#daichuli .client_box").append(
                            "<a href='index.php?c=info&user_id="+obj['user_id']+"&type=1&page="+obj['page1']+"'>" +
                            "<div class='client_list'>" +
                            "<div class='client_icon'><img src=" + obj['user_avatar'] + "></div>" +
                            "<div class='client_info'>" +
                            "<div class='name'>" + obj['username'] + "<div style='float:right;'>"+obj['create_time']+"</div></div>" +
                            "<div class='company'>" + obj['work_status'] + "</div>" +
                            "</div>" +
                            "</div>" +
                            "</a>"
                    );
                });
            },
            error: function() {
                $('.daichuli .loadmore a').text('加载错误,请刷新页面！');
            }
        });

        //滚动条滚动的时候
        $(".pin_scroll").scroll(function() {
            //记录状态
            var state = true;
            if ($("#yichuli").css("display") == "block") {
                //获取当前加载更多按钮距离顶部的距离
                var bottomsubmit = $('#yichuli .loadmore').offset().top+30;
                //获取当前页面底部距离顶部的高度距离
                var nowtop = $(document).scrollTop() + $(window).height();
                //获取当前页数，默认第一页
                var now = $('#yichuli  .loadmore').attr('now');
                //获取总页数，PHP分页的总页数
                var num = $('#yichuli  .loadmore').attr('num');
                //当当前页面的高度大于按钮的高度的时候开始触发加载更多数据
                if (nowtop > bottomsubmit) {
                    //如果为真继续执行，这个是用于防止滚动获取过多的数据情况
                    if (state == true) {
                        var keyword = $("#mytabvalue").val();
                        //执行一次获取数据并停止再进来获取数据
                        state = false;
                        //当前页数++
                        now++;
                        //记录当前为第二页
                        $('#yichuli  .loadmore').attr('now', now);
                        $.ajax({
                            //通过ajax传页数参数获取当前页数的数据,ajax_more_case.php代码参考php分页功能
                            // url: 'ajax_more_case.php?page=' + $('#yichuli  .loadmore').attr('now')
                            // '&searchvalue=' + searchvalue + '',
                            url:'index.php?m=jingjiren&c=userentry1&page2='+now+'&type=2&keyword='+keyword+'',
                            type: 'GET',
                            cache: true,
                            async:false,
                            dataType: "json",
                            success: function(data) {
                                $.each(data, function(index, obj) {
                                    $("#yichuli .client_box").append(
                                            "<a href='index.php?c=info&user_id="+obj['user_id']+"&type=2&page="+obj['page2']+"'>" +
                                            "<div class='client_list'>" +
                                            "<div class='client_icon'><img src=" + obj['user_avatar'] + "></div>" +
                                            "<div class='client_info'>" +
                                            "<div class='name'>" + obj['username'] + "<div style='float:right;'>"+obj['create_time']+"</div></div>" +
                                            "<div class='company'>" + obj['work_status'] + "</div>" +
                                            "</div>" +
                                            "</div>" +
                                            "</a>"
                                    );
                                });

                                //如果当前页大于等于总页数就提示没有更多数据
                                if (now >= num) {
                                    $('#yichuli  .loadmore a').text('没有更多数据');
                                    //并把状态设置为假，下次下滑滚动时不再通过ajax获取数据
                                    state = false;
                                } else {
                                    //否则继续
                                    state = true;
                                }
                            },
                            error: function() {
                                $('#yichuli  .loadmore a').text('加载错误,请刷新页面！');
                            }
                        });

                        // setTimeout(function() {
                        //     getajax();
                        // }, 500);
                    }
                }

            }
            // 未处理的
            else if ($("#daichuli").css("display") == "block") {
                //获取当前加载更多按钮距离顶部的距离
                var bottomsubmit = $('#daichuli .loadmore').offset().top+30;
                //获取当前页面底部距离顶部的高度距离
                var nowtop = $(document).scrollTop() + $(window).height();
                //获取当前页数，默认第一页
                var now = $('#daichuli  .loadmore').attr('now');
                //获取总页数，PHP分页的总页数
                var num = $('#daichuli  .loadmore').attr('num');
                //当当前页面的高度大于按钮的高度的时候开始触发加载更多数据
                if (nowtop > bottomsubmit) {
                    //如果为真继续执行，这个是用于防止滚动获取过多的数据情况
                    if (state == true) {
                        var keyword = $("#mytabvalue").val();
                        //执行一次获取数据并停止再进来获取数据
                        state = false;
                        //当前页数++
                        now++;
                        //记录当前为第二页
                        $('#daichuli  .loadmore').attr('now', now);
                        $.ajax({
                            //通过ajax传页数参数获取当前页数的数据,ajax_more_case.php代码参考php分页功能
                            // url: 'ajax_more_case.php?page=' + $('#yichuli  .loadmore').attr('now')
                            // '&searchvalue=' + searchvalue + '',
                            url: 'index.php?m=jingjiren&c=userentry1&page1='+now+'&type=1&keyword='+keyword+'',
                            type: 'GET',
                            cache: true,
                            async:false,
                            dataType: "json",
                            success: function(data) {
                                $.each(data, function(index, obj) {
                                    $("#daichuli .client_box").append(
                                            "<a href='index.php?c=info&user_id="+obj['user_id']+"&type=1&page="+obj['page1']+"'>" +
                                            "<div class='client_list'>" +
                                            "<div class='client_icon'><img src=" + obj['user_avatar'] + "></div>" +
                                            "<div class='client_info'>" +
                                            "<div class='name'>" + obj['username'] + "<div style='float:right;'>"+obj['create_time']+"</div></div>" +
                                            "<div class='company'>" + obj['work_status'] + "</div>" +
                                            "</div>" +
                                            "</div>" +
                                            "</a>"
                                    );
                                });

                                //如果当前页大于等于总页数就提示没有更多数据
                                if (now >= num) {
                                    $('#daichuli  .loadmore a').text('没有更多数据');
                                    //并把状态设置为假，下次下滑滚动时不再通过ajax获取数据
                                    state = false;
                                } else {
                                    //否则继续
                                    state = true;
                                }
                            },
                            error: function() {
                                $('#daichuli  .loadmore a').text('加载错误,请刷新页面！');
                            }
                        });

                    }
                }

            }

        });




    })
</script>